cody - HTMLify profile
cody
4270 Files
632542 Views
Latest files of /cody/solygambas/html-css-javascript-projects/079-creative agency website
style.css
cody/solygambas/html-css-javascript-projects/079-creative agency website/style.css
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;500;700&display=swap");
:root {
--main-color: #f60f20;
--secondary-color: #1b206e;
--highlight-color: #c4a2fc;
--text-color: #111;
}
:root {
--main-color: #f60f20;
--secondary-color: #1b206e;
--highlight-color: #c4a2fc;
--text-color: #111;
}
index.html
cody/solygambas/html-css-javascript-projects/079-creative agency website/index.html
<!-- Based on Creative Agency Website From Scratch by Brad Traversy (2021)
see: https://www.youtube.com/watch?v=lvYnfMOUOJY -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
see: https://www.youtube.com/watch?v=lvYnfMOUOJY -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
script.js
cody/solygambas/html-css-javascript-projects/079-creative agency website/script.js
const toggleButton = document.querySelector(".toggle");
const navigation = document.querySelector(".navigation");
toggleButton.addEventListener("click", () => {
toggleButton.classList.toggle("active");
navigation.classList.toggle("active");
});
const navigation = document.querySelector(".navigation");
toggleButton.addEventListener("click", () => {
toggleButton.classList.toggle("active");
navigation.classList.toggle("active");
});